.yy-button-group {
  display: inline-block;
  vertical-align: middle;
}
.yy-button-group:after, .yy-button-group:before {
  display: table;
  content: "";
}
.yy-button-group:after {
  clear: both;
}
.yy-button-group:after, .yy-button-group:before {
  display: table;
  content: "";
}
.yy-button-group .yy-button--primary:first-child {
  border-right-color: hsla(0,0%,100%,.5);
}
.yy-button-group>.yy-button:not(:last-child) {
  margin-right: -1px;
}
.yy-button-group>.yy-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.yy-button-group>.yy-button {
  float: left;
  position: relative;
}
.yy-button-group .yy-button+.yy-button {
  margin-left: 0;
}
.yy-button-group .yy-button--primary:last-child {
  border-left-color: hsla(0,0%,100%,.5);
}
.yy-button-group>.yy-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.yy-button-group>.yy-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.yy-button-group .yy-button--primary:not(:first-child):not(:last-child) {
  border-left-color: hsla(0,0%,100%,.5);
  border-right-color: hsla(0,0%,100%,.5);
}